/* slide */
.slide-main {
	height:864px;
	position:relative;
}
.prev, .next {
	display:block;
	width:44px;
	height:44px;
	position:absolute;
	z-index:222;
	top:360px;
	overflow:hidden;
	cursor:pointer;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	_border:1px solid none;
}
.prev {
	left:100px; display:none !important;
}
.next {
	right:100px;display:none !important;
}
.item {
	position:relative; display:none !important;
}
.dh_xx {
	width:100%;
	background:url(../images/xian_xg.png) bottom center no-repeat;
	height:1px;
	position:absolute;
	top:8px;
}
.prev:hover, .next:hover, .nav-main a:hover, .nav-main a.cur {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
.item {
	display:block;
	width:100%;
	height:16px;
	position:absolute;
	z-index:124;
	bottom:220px;
	left:0;
	text-align:center;
}
.item a {
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:50px;
	margin-left:50px;
	overflow:hidden;
	background:url(../images/bannerd.png) no-repeat;
}
.item a.cur {
	background:url(../images/bannerdo.png) no-repeat;
}
.slide-box, .slide {
	display:block;
	width:100%;
	height:864px;
	overflow:hidden;
}
.slide-box {
	position:relative;
}
.slide {
	display:none;
	height:864px;
	position:relative;
	position:absolute;
	z-index:8;
}
#bgstylea {
	background:url(../images/banner_2_b_D.jpg) center center no-repeat;
}
#bgstyleb {
	background:url(../images/banner_3_b_D.jpg) center center no-repeat;
}
#bgstylec {
	background:url(../images/banner_1_b_D.jpg) center center no-repeat;
}
#bgstyled {
	background:url(../images/banner_4_b_D.jpg) center center no-repeat;
}
#bgstylee {
	background:url(../images/banner_5_b_D.jpg) center center no-repeat;
}
.slide a {
	display:block;
	width:100%;
	height:864px;
	cursor:pointer;
}
.obj-a, .obj-b, .obj-c, .obj-d, .obj-e, .obj-f ,.obj-e2 ,.obj-f2,.obj-ee{
	position:absolute;
	z-index:9;
	left:50%;
}
.obj-a {
	width:952px;
	margin-left:-476px;
	text-align:center;
}
.obj-b {

	text-align:center; cursor:pointer;
}
.obj-a {
	display:block;
	height:352px;
	top:100px;
}
.obj-b {
width:1053px;
	height:222px;
	margin-left:-526px;
	top:300px;
}
.obj-c {
	display:block;
	height:582px;
	top:0;
	margin-left:-540px;
}
.obj-d {
	top:228px;
	height:164px;
}
.obj-d p {
	display:block;
	padding-top:20px;
	font-size:16px;
	color:#fff;
	clear:both;
}
.obj-e {
	width:1053px;
	height:222px;
	margin-left:-526px;
	top:300px;
	z-index:12;
}
.obj-e2 {
	width:1053px;
	height:222px;
	margin-left:-526px;
	top:300px;
	z-index:12;
}
.obj-f {
	width:1053px;
	height:222px;
	margin-left:-526px;
	top:300px;
}
.obj-f2 {
	width:1053px;
	height:222px;
	margin-left:-526px;
	top:300px;
}
.obj-ee {
	width:1053px;
	height:222px;
	margin-left:-526px;
	top:300px;
}
.banAnimate .obj-a {
	display:block;
	animation-name:baoAni;
	-webkit-animation:baoAni 0.4s linear 0s normal none;
	-moz-animation:baoAni 0.4s linear 0s normal none;
	animation:baoAni 0.4s linear 0s normal none;
}
@-webkit-keyframes baoAni {
from {
opacity:0;
left:60%;
}
to {
	opacity:1;
	left:50%;
}
}
@-moz-keyframes baoAni {
from {
opacity:0;
left:60%;
}
to {
	opacity:1;
	left:50%;
}
}
@keyframes baoAni {
from {
opacity:0;
left:60%;
}
to {
	opacity:1;
	left:50%;
}
}
.banAnimate .obj-b {
	display: block;
	animation-name: scode;
	-webkit-animation: scode 0.5s linear 0s normal none;
	-moz-animation: scode 0.5s linear 0s normal none;
	animation: scode 0.5s linear 0s normal none;
}
@-webkit-keyframes saAni {
from {
opacity:0;
-webkit-transform:scale(0, 0);
}
to {
	opacity:1;
	-webkit-transform:scale(1, 1);
}
}
@-moz-keyframes saAni {
from {
opacity:0;
-moz-transform:scale(0, 0);
}
to {
	opacity:1;
	-moz-transform:scale(1, 1);
}
}
@keyframes saAni {
from {
opacity:0;
transform:scale(0, 0);
}
to {
	opacity:1;
	transform:scale(1, 1);
}
}
.watch-code.code-show {
	display:block;
	animation-name:scode;
	-webkit-animation:scode 0.3s linear 0s normal none;
	-moz-animation:scode 0.3s linear 0s normal none;
	animation:scode 0.3s linear 0s normal none;
}
@-webkit-keyframes scode {
from {
opacity:0;
-webkit-transform:scale(1, 0);
transform-origin:left bottom;
}
to {
	opacity:1;
	-webkit-transform:scale(1, 1);
	transform-origin: left bottom;
}
}
@-moz-keyframes scode {
from {
opacity:0;
-moz-transform:scale(1, 0);
transform-origin:left bottom;
}
to {
	opacity:1;
	-moz-transform:scale(1, 1);
	transform-origin:bottom bottom;
}
}
@keyframes scode {
from {
opacity:0;
transform:scale(1, 0);
transform-origin:left bottom;
}
to {
	opacity:1;
	transform:scale(1, 1);
	transform-origin: left bottom;
}
}
.banAnimate .obj-c, .banAnimate .obj-e {
	display:block;
	animation-name:saAni;
	-webkit-animation:saAni 0.7s linear 0s normal none;
	-moz-animation:saAni 0.7s linear 0s normal none;
	animation:saAni 0.7s linear 0s normal none;
}

.obj-e2{display:block;
animation-name:saAnic;
-webkit-animation:saAnic 0.6s linear 0s normal none;
-moz-animation:saAnic 0.6s linear 0s normal none;
animation:saAnic 0.6s linear 0s normal none;
}

@-webkit-keyframes saAnic {
from {
opacity:0;
left:47%;
}
to {
	opacity:1;
	left:50%;
}
}
@-moz-keyframes saAnic {
from {
opacity:0;
left:47%;
}
to {
	opacity:1;
	left:50%;
}
}
@keyframes saAnic {
from {
opacity:0;
left:47%;
}
to {
	opacity:1;
	left:50%;
}
}
.banAnimate .obj-d, .banAnimate .obj-f {
	display:block;
	animation-name:saAni;
	-webkit-animation:saAni 0.7s linear 0s normal none;
	-moz-animation:saAni 0.7s linear 0s normal none;
	animation:saAni 0.7s linear 0s normal none;
}
.banAnimate .obj-f2 {
display:block;
animation-name:baoAni;
-webkit-animation:baoAni 0.6s linear 0s normal none;
-moz-animation:baoAni 0.6s linear 0s normal none;
animation:baoAni 0.6s linear 0s normal none;
}
@-webkit-keyframes saAnid {
from {
opacity:0;
left:53%;
}
to {
	opacity:1;
	left:50%;
}
}
@-moz-keyframes saAnid {
from {
opacity:0;
left:53%;
}
to {
	opacity:1;
	left:50%;
}
}
@keyframes saAnid {
from {
opacity:0;
left:53%;
}
to {
	opacity:1;
	left:50%;
}
}
/*****************************************************************************************/
.nian_xg {
	width:1200px;
	
	height:185px;
 position:absolute; left:0; right:0;  bottom:38px; z-index:9999;
}
.banner_xg{ position:relative;}
.nian_xg p {
	text-align:center;
	color:#7c7c7c;
	font-size:18px;
	line-height:60px;
	padding-top:30px;
}
.nian_xg span {
	text-align:center;
	color:#309fe6;
	font-size:35px;
	display:block;
}
.demo_1, .demo_2, .demo_3, .demo_4 {
	float:left;
	height:86px;
	box-sizing: border-box;

}
.demo_1 {
	width:190px;
	text-align:left;
}
.demo_2 {
	width:270px; margin-left:20px;
	text-align:center;
}
.demo_3 {
	width:290px;margin-left:20px;
	text-align:center;
}
.demo_4 {
	width:380px;
	text-align:center;margin-left:20px;
	border:none;
}
.shuzi_n {
	margin-top:20px;
}
.counter {
	color:#FFF;
	font-family:teshu;
	font-size:78px;
	display:inline-block;
	padding-right:5px;
	font-weight:600;
	float:left;
}
.demo samp {
	font-size:26px;
	color:#FFF;
	font-family:"SimSun", Microsoft YaHei, SimHei;
	margin-top:55px; font-weight: 600;
	float:left;
}
.demo_n {
	display:inline-block;
}
.demo_n s {
	display:inline-block;
	float:left;
	width:100%;
	margin-top:20px;
	color:#FFF;
	text-align:left;
}
.cp_xg {
	height:370px;
	background:url(../images/xg_d.jpg) #000 top center;
	border-bottom:220px solid #005EA6;
}
.cp_xg_n_title {
	text-align: center;
	color: #309fe6;
	font-size: 35px;
	display: block;
	padding-top:45px;
	padding-bottom:22px;
}
/*******************************************************************************************************/
#wrap {
	width: 1200px;
	height: 600px;
}
#wrap ul li .a1 img {
}
#wrap ul li {
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
}
#wrap ul li .a1 .divA {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 56px;
	text-align:center;
	line-height:56px;
	background:transparent;
	background-color:rgba(0, 0, 0, 0.5);
}
#wrap ul li .a1 .divA>.p1 {
	width: 100%;
	height: 56px;
	text-align:center;
	line-height:56px;
	font-size: 18px;
	line-height: 56px;
	color: #FFF;
}
#wrap ul li .a1 .divA>.p2 {
	width: 312px;
	height: 21px;
	font-size: 14px;
	color: #b4b4b4;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3 {
	position: absolute;
	right: 0;
	bottom: 12px;
	width: 108px;
	height: 28px;
	color: #f60;
}
#wrap ul li .a1 .divA>.p3>span {
	font-size: 24px;
	font-weight:800;
}
/*遮罩*/
#wrap ul li .a2 {
	position: absolute;
	top: 0;
	left:-100%;
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	background:transparent;
	background-color:rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}
#wrap ul li .a2 .p4 {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 80px;
	left: -100%;
	color: #ffffff;
	font-size: 48px;
	font-weight: bold;
	transition: all 0.2s 0.1s ease-out;
}
#wrap ul li .a2 .p5 {
	width: 100%;
	text-align: center;
	line-height:26px;
	position: absolute;
	box-sizing: border-box;
	top: 154px;
	left: -100%;
	padding-left:50px;
	padding-right:50px;
	font-size: 14px;
	color: white;
	transition: all 0.2s 0.2s ease-out;
}
#wrap ul li .a2 .p6 {
	position: absolute;
	top: 140px;
	left: 175px;
	transform: scale(1.4);
	transition: all 0.3s 0.2s;
}
#wrap ul li .a2 .p6 span {
	font-family: Arial;
	font-size: 36px;
	font-weight: 700;
	color: white;
}
#wrap ul li .a2 .p7 { display:none;
	position: absolute;
	bottom:-70px;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-left:-35px;
	transition: all 0.3s 0.3s;
}
.wrap_t {
	height:397px;
}
.w1 {
	width:594px !important;
	height:397px !important;
	margin-right:10px;
	margin-bottom:10px;
}
.w1 a1 img {
	width:594px;
	height:397px;
}
.w2 {
	width:292px !important;
	height:194px !important;
	margin-bottom:10px;
}
.w2_2 {
	margin-right:10px;
}
.wx_o .a2 .p4 {
	top:35px !important;
	font-size:28px !important;
}
.wx_o .a2 .p7 {
	position: absolute;
	bottom: -40px;
	left: 50%;
	width: 40px !important;
	height: 40px !important;
	margin-left: -20px !important;
	transition: all 0.3s 0.3s;
}
.wx_o .a2 .p7 img {
	width:40px !important;
	height:40px !important;
}
.wx_o .a2 .p5 {
	width: 100%;
	text-align: center;
	line-height:30px;
	position: absolute;
	box-sizing: border-box;
	top: 78px !important;
	left: -100%;
	padding-left:50px;
	padding-right:50px;
	font-size: 12px;
	color: white;
	transition: all 0.2s 0.2s ease-out;
}
.wx_o {
	width:292px !important;
	height:194px !important;
}
.w3 {
	margin-right:10px;
}



/*************************************************************************************/


.news_xg{ height:560px; background:#F8F8F8;}

.news_xg_n{ width:1200px; padding-top:50px;}

.news_xg_n_title a{	color: #656565;
	font-size: 35px;}
.news_xg_n_title {
	text-align: center;
	color: #656565;
	font-size: 35px;
	display: block;
	padding-bottom:22px;
}



/* marquee9 */
#marquee9 {
	width:1200px;
	overflow:hidden;
}
#marquee9 ul li {
	float:left;
	width:400px;

}
#marquee9 ul li img {
	display:block;cursor: pointer;
				transition: all 0.6s;
}

#marquee9 ul li:hover  img{
				transform: scale(1.1);
			}

.xg_news_time{ font-size:14px; color:#a6a6a6;  position:absolute; bottom:20px; right:4%;}


.mr9_title{ width:94%; display:block;box-sizing: border-box; padding-right:12px;  overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap; line-height:30px;    font-size: 16px;
    color: #373636; font-weight:600;
 padding-bottom:10px; margin-right:6%;}


#marquee9 ul li p { line-height:26px; font-size:13px; color:#666666;box-sizing: border-box; padding-right:12px; height:103px; padding-bottom:25px; width:94%;text-align:justify; margin-right:6%; position:relative;}
/*#marquee9 ul li:hover a{color:#1b87d5 !important;}
#marquee9 ul li:hover p {color:#1b87d5;}*/
.mr9_img{ width:380px; height:225px; display:inline-block; overflow: hidden;margin-bottom:20px;}

.mr9_img img{ width:380px; height:225px; }

.control9 {
    text-align: right; margin-top:0px;
}

#goL9 {
    width: 22px;
    height: 22px;
    background: url(../images/H_lO.png) center center no-repeat;
    display: inline-block;
    margin: 5px;
    margin-right: 0;
}
#goL9:hover{ background: url(../images/H_l.png) center center no-repeat;}
#goR9 {
    width: 22px;
    height: 22px;
    background: url(../images/H_rO.png) center center no-repeat;
    display: inline-block;
    margin: 5px;
    margin-left: 0;
}
#goR9:hover{ background: url(../images/H_r.png) center center no-repeat;}




.hzhb_xg_n{ width:1200px; height:225px; padding-top:60px; position:relative;}




#marquee10{width:1080px;overflow:hidden; margin-top:20px;}

#marquee10 ul li{float:left;width:180px;}
#marquee10 ul li a{ text-align:center; display:block; width:160px; height:80px;overflow: hidden;}
#marquee10 ul li img{display:inline-block; width:160px; height:80px;transition: all 0.6s;}
#marquee10 ul li img:hover{transform: scale(1.08);}

#goL10,#goR10{ width:42px; height:42px; display:inline-block;}
#goL10{ background:url(../images/h10l.png) center center no-repeat}
#goL10:hover{background:url(../images/h10lo.png) center center no-repeat}
#goR10{ background:url(../images/h10r.png) center center no-repeat}

#goR10:hover{ background:url(../images/h10ro.png) center center no-repeat}


#goL10{ position:absolute; top:165px; left:0px;}


#goR10{ position:absolute; top:165px; right:0px;}


.dh_xg_O{background:transparent;background-color:rgba(0,0,0,0.6)}



.demo em {

    color: #fff;
    float: left;font-family: teshu;
    font-size: 78px;
    font-weight: 400;
}